﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="SharpDressedForm.aspx.vb"
    Inherits="SharpDressedForm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>JQuery Contact Form with Confirmation</title>
    <link href="ContactFormTester.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="ContactForm" action="JQueryValidateForm.aspx" method="post">
    <div id="ContactRequest">
        <fieldset id="contactform">
            <legend>Contact Us!</legend>
            <div id="dMakeContact">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur risus. Proin
                    lobortis facilisis lectus.
                </p>
                <hr />
                <ol>
                    <li>
                        <label>
                            Test</label>
                        Hello World!!! </li>
                    <li>
                        <label id="lblFirstName" for="FirstName">
                            First Name :
                        </label>
                        <input name="FirstName" type="text" maxlength="25" class="required" /><em><img src="images/required.png"
                            alt="required" /></em> </li>
                    <li>
                        <label id="lbllastName" for="LastName">
                            Last Name :
                        </label>
                        <input name="LastName" type="text" maxlength="25" class="required" /><em><img src="images/required.png"
                            alt="required" /></em> </li>
                    <li>
                        <label id="lblAddr1" for="Addr1">
                            Address :
                        </label>
                        <input name="Addr1" type="text" maxlength="25" />
                    </li>
                    <li>
                        <label id="lblAddr2" for="Addr2">
                            Address 2 :
                        </label>
                        <input name="Addr2" type="text" maxlength="25" />
                    </li>
                    <li>
                        <label id="lblCity" for="City">
                            City :
                        </label>
                        <input name="City" type="text" maxlength="25" />
                    </li>
                    <li>
                        <label id="lblState" for="State">
                            State :
                        </label>
                        <input name="txtState" type="text" maxlength="25" />
                    </li>
                    <li>
                        <label id="lblZip" for="txtZip">
                            Zip :
                        </label>
                        <input name="txtZip" type="text" class="ZipCodeMask" />
                    </li>
                    <li>
                        <label id="lblPhone" for="txtPhone">
                            Phone :
                        </label>
                        <input type="text" name="txtPhone" class="phone PhoneMask" />
                    </li>
                    <li>
                        <label id="lblEmail" for="EMail">
                            E-Mail :
                        </label>
                        <input name="EMail" type="text" maxlength="100" class="required email" /><em><img
                            src="images/required.png" alt="required" /></em> </li>
                    <li>
                        <label id="lblComment" for="Comment">
                            Comment or Question :
                        </label>
                        <textarea name="Comment" cols="40" rows="6" class="required"></textarea><em>
                            <img src="images/required.png" alt="required" /></em> </li>
                    <li>
                        <ul>
                            <li>
                                <button id="btnReset" name="btnReset" type="button">
                                    Cancel</button></li>
                            <li>
                                <button id="btnReset" name="btnReset" type="reset">
                                    Reset</button></li>
                            <li>
                                <button id="btnSubmit" name="btnSubmit" type="submit">
                                    Submit</button></li>
                        </ul>
                    </li>
                </ol>
            </div>
            <div id="dThinking">
                Thinking....</div>
            <div id="ContactResponse">
                <p>
                    Your request has been recieved and will be responded to shortly.</p>
            </div>
        </fieldset>
    </div>
    </form>

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <link href="jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery.form.js" type="text/javascript"></script>

    <script src="js/jquery.validate.pack.js" type="text/javascript"></script>

    <script src="js/additional-methods.js" type="text/javascript"></script>

    <script src="js/jquery.maskedinput-1.2.2.min.js" type="text/javascript"></script>

    <script src="js/jquery-ui-1.7.1.custom.js" type="text/javascript"></script>

    <script src="js/JQueryContact.js" type="text/javascript"></script>

</body>
</html>
